var html_map_ele = `<div class="city" id="{{ cityname }}"></div>`;

function MapShow() {
    // region 元素放置
    var datas = getMapDataDemo(); // FIXME 这里暂时用伪数据代替
    show('gamemapshow')

    $('.map-draw').html("")
    let html = ""
    for (let key in config_map_position) {
        console.log(config_map_position[key])
        let tmp = html_map_ele;
        let id = "#" + key;
        tmp = tmp.replace("{{ cityname }}", key);
        html += tmp;
        $('.map-draw').html(html);
    }
    for (let key in config_map_position) {
        $("#" + key).css('top', config_map_position[key]['top'] * 100 + "%")
        $("#" + key).css('left', config_map_position[key]['left'] * 100 + "%")
    }
    // endregion

    // region color填充
    for (let county in datas){
        let color = config_power_color[county];
        let cities = datas[county]; // 国家的隶属城市
        for (let city_info of cities){
            let cityname = city_info['mapname'];
            let selector = "#" + cityname;
            $(selector).css('backgroundColor', color);
        }
    }
    // endregion
}

function getMapDataDemo() {
    /*
    获取本地数据
     */

    return DEMO_map_render;

}